<template>
<div>
    <Header />

    <el-container>
        <el-aside>
            <pageAside />
        </el-aside>
         <el-main>
             <router-view />
         </el-main>
    </el-container>
</div>

</template>

<script>
import Header from './pageHeader.vue'
import pageAside from './pageAside.vue'
import unfinished from './unfinished.vue'

export default{
    name:'Home',
    components: {
        Header,
        pageAside,
        unfinished
    }
}
</script>

<style scoped>
.el-main {
    flex: 1 1 0px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background-color: white;
    transition: background-color 0.3s;
}
</style>